<template>
  <div class="evt-group">
    <el-form>
      <div>告警是否开启行动集成自动执行</div>
      <el-form-item label-position="top">
        <el-radio-group class="n-flex"  v-model="check">
          <div>
            <el-radio value="1">关闭</el-radio>
            <div class="tip">告警发生时将不会自动触发行动集成执行，您可以在告警发送历史页面或者在IM端告警卡片中按需选择行动集成进行手动执行操作。</div>
          </div>
          <div>
            <el-radio value="2">开启</el-radio>
            <div class="tip">告警发生时将根据设定的时机自动化执行指定的行动集成</div>
          </div>
        </el-radio-group>
      </el-form-item>
      <el-form-item label-width="110px" label="告警触发时">
        <bs-select v-model="select"></bs-select>
      </el-form-item>
      <el-form-item label-width="110px" label="告警恢复时">
        <bs-select v-model="select"></bs-select>
      </el-form-item>
    </el-form>
  </div>
</template>
<script lang="ts" setup>
import {ref} from 'vue'

const check = ref('1')
const select = ref()

</script>
<style lang="scss" scoped>
.n-flex {
  display: block;
}
.tip {
  font-size: 12px;
  color: var(--gray-color);
  padding-left: 24px;
}
</style>